<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- muted关闭视频声音 -->
    <div id="top">
        <div href="course.html" id="goBack">
            <i class="iconfont icon-zuojiantou"></i>
        </div>
        <!-- autoplay自动播放 -->
        <video muted="muted" controls="controls" poster="../imgs/part2.png"></video>
        <div class="preview">
            <i class="iconfont icon-bofang"></i>
            <div class="text">视频预览</div>
        </div>
    </div>
    <div id="bottom">
        <div class="titile">
            <div class="tit-top" id="name">巧克力腹肌雕刻</div>
            <div class="tit-bottom">
                <div class="tit-bot-left">
                    <strong id="calorie">45</strong> 千卡&emsp;
                    <strong id="time">15</strong>分钟
                </div>
                <div class="tit-bot-right"><span id="peoplenum"></span>人练过
                    <i class="iconfont icon-youjiantou"></i>
                </div>
            </div>
        </div>
        <div class="profilePhoto">
            <img src="../imgs/头像.jpg" alt="" id="imgurl">
            <div class="user">
                <strong class="top">用户名</strong>
                <div class="bottom">一线达人课程设计师</div>
            </div>
            <button class="attention">+关注</button>
        </div>
        <div class="text" id="desc">
            15分钟将带你雕刻出性感的巧克力父级， 对腹部进行全方位的刺激，泵感十足！型男必备!呀呀呀呀呀呀呀呀呀呀呀呀呀呀呀呀
        </div>
        <div class="icon">
            <div class="left">
                <div class="top">
                    <i class="iconfont icon-guizi-cabinet1"></i> 练习频次
                </div>
                <div class="bottom">
                    每周<span id="frequency">1</span>次
                </div>
            </div>
            <div class="right">
                <div class="top">
                    <i class="iconfont icon-jianshen"></i> 器材
                </div>
                <div class="bottom" id="instrument">
                    --
                </div>
            </div>
        </div>
        <div class="begin">
            <a href="courseDrill.html">开始训练</a>
        </div>
    </div>

</body>

</html>